.sideMenu_wrap {
    width: 256px;
    max-width: 256px;
    min-width: 256px;
    transition: all 0.2s;
    padding: 0 8px;
    margin-top: 56px;
    box-sizing: border-box;
    z-index: 100;
    position: relative;
  
    &.sideMenu_wrap_collapsed {
      width: 74px;
      max-width: 74px;
      min-width: 74px;
    }
    .my_menu {
      width: 230px;
      height: calc(100vh - 56px);
      position: fixed;
      top: 60px;
      left: 13px;
      margin: 0 auto;
      &.my_menu_collapsed {
        width: 48px;
      }
    }
    .collapsed_wrap {
      position: fixed;
      top: 72px;
      left: 244px;
      z-index: 101;
      width: 24px;
      height: 24px;
      text-align: center;
      border-radius: 40px;
      transition: transform 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: rgba(0, 0, 0, 0.25);
      background-color: #ffffff;
      box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05),
        0 1px 4px -1px rgba(25, 15, 15, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
      &.collapsed_wrap_collapsed {
        left: 62px;
      }
      &:hover {
        color: rgba(0, 0, 0, 0.6);
      }
    }
  }